<template>
  <div id="app">
    <Header ref="header" />
    <keep-alive>
      <router-view v-if="$route.meta.keepAlive" />
    </keep-alive>
    <router-view v-if="!$route.meta.keepAlive" />
    <Footer />
  </div>
</template>

<script>
  import Header from 'components/Header.vue';
  import Footer from 'components/Footer.vue';

  export default {
    name: 'app',
    components: {
      Header,
      Footer,
    },
  };
</script>


<style lang="scss">
@media screen and (max-width: 1280px) {
  html {
    font-size: 90px;
  }
}
@media screen and (min-width: 1281px) {
  html {
    font-size: 100px;
  }
}

#app {
  position: relative;
}
</style>
